<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html5测试</title>
</head>
<body>
	<!-- 可编辑 -->
	<table contenteditable="true">
		<tr>
			<td>数据1</td>
		</tr>
	</table>

	<textarea name="" id="" spellcheck="true" cols="30" rows="10"></textarea>

	<div hidden>
		html5隐藏测试
	</div>

	<h3>标注标签</h3>
	这是<mark>关注点</mark>
	
	<h3>进度条</h3>
	<progress max="100" value="85">85%</progress>
	
	<h3>时间</h3>
	日期<time datetime="2016-02-04T09:00">2016-02-04 </time>
	
	<h3>注释</h3>
	<ruby>汉
		<rt></rt>
		<rp>(</rp>
		han
		<rp>)</rp>
	</ruby>
	
	<h3>软换行wbr（必须是单词，中文无效）</h3>
	<p>
	The1stline;The1stline;The1stline;The1stline;The1stline;The1stline;The1stline;
	<wbr></wbr>
	The2ndline;The2ndline;The2ndline;The2ndline;
	</p>
	
	<h3>图形画板canvas</h3>
	<canvas id="myCanvas"></canvas>
	<script type="text/javascript">
	
	var canvas=document.getElementById('myCanvas');
	var ctx=canvas.getContext('2d');
	ctx.fillStyle='#FF0000';
	ctx.fillRect(0,0,80,100);
	
	</script>
	
	<h3>命令行command</h3>
	<menu>
	<command type="command">Click Me!</command>
	</menu>
	
	<h3>details</h3>
	<details>
	<summary>Copyright 2011.</summary>
	<p>All pages and graphics on this web site are the property of W3School.</p>
	</details>

	<h3>datalist</h3>
	<input id="myCar" list="cars" />
	<datalist id="cars">
	  <option value="BMW">
	  <option value="Ford">
	  <option value="Volvo">
	</datalist>
	
	<h3>keygen</h3>
	<form action="demo_keygen.asp" method="get">
	Username: <input type="text" name="usr_name" />
	Encryption: <keygen name="security" />
	<input type="submit" />
	</form>
	
	<h3>output</h3>
	<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
	   <input type="range" id="a" value="50">100
	   +<input type="number" id="b" value="50">
	   =<output name="x" for="a b"></output>
	</form> 
	
	<h3>menu</h3>
	<menu type="toolbar">
	 <li>
	 <menu label="File">
	 <button type="button" onclick="file_new()">New...</button>
	 <button type="button" onclick="file_open()">Open...</button>
	 <button type="button" onclick="file_save()">Save</button>
	 </menu>
	 </li>
	 <li>
	 <menu label="Edit">
	 <button type="button" onclick="edit_cut()">Cut</button>
	 <button type="button" onclick="edit_copy()">Copy</button>
	 <button type="button" onclick="edit_paste()">Paste</button>
	 </menu>
	 </li>
	</menu>










</body>
</html>